<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>成易博客-首页</title>

    <link th:replace="common/common::common-head">

</head>
<body>
<center>
    <a class="layui-btn layui-btn-normal" th:href="@{/user/home}">返回</a>
</center>

    <div id="homeBlogInfo" v-cloak>

            <input type="hidden" id="id" th:value="${id }">

        <div v-if="items != null">
            <div v-for="item in items">
                <div>
                    <h4 class="page-header" style="margin: 5%">博客标题:
                        <span>
                            {{item.title}}
                        </span>
                    </h4>
                </div>
                <div>
                    <h4 class="page-header" style="margin: 5%">
                        博客标签:
                        <span class="label label-primary">
                            {{item.memo}}
                        </span>
                    </h4>
                </div>
                <div style="margin: 5%">
                    <h4>博客内容</h4>
                    <div class="panel panel-default">
                        <div id="blogValue" class="panel-body" v-html="item.value">
                        </div>
                    </div>
                    <span style="float: left"><i class="fa fa-eye"></i>&nbsp;&nbsp;{{item.pageViews}}</span>
                    <span style="float: right">{{item.name}}&nbsp;&nbsp;<i class="fa fa-code"></i>&nbsp;&nbsp;{{item.createDate}}</span>
                </div>
            </div>
        </div>
    </div>

<div th:replace="common/common :: #common-js"></div>
<script th:src="@{/static/js/home/homeBlog.js}"></script>
</body>
</html>